<div class="component-product clearfix {$theme_row.themeId} {$theme_row.templateId} {$theme_row['hasMarginTop']=='yes'?'margin-top':''}">
	{if condition="$theme_row.hasTitle eq 'yes'"}
    <div class="component-title {$theme_row.titleTheme}"><span>{$theme_row.componentName}</span></div>
    {/if}
        <div class="component-data clearfix ">
         {if condition="$theme_row.tabsVisible eq 1"}
            <div class="tab-list-menu">
                 <ul class="clearfix list-unstyled">
                 	{volist name="theme_row.data" id="row" }
                    	{if condition="$row.visible eq 1 "}
                        	<li class="{$key==0?'active':''}" style="width:{$theme_row.tabsWidth}">{$row.tabName}</li>
                        {/if}
                 	{/volist} 
                 </ul>
            </div>
           {/if}
            {volist name="theme_row.data" id="row" }
            <div class="tab-{$key} tab-content clearfix {$key?'hide':''}">
            		{volist name="row.products" id="prow" key="i" mod="2"}
                    	{if condition="$i elt $theme_row['dataLimit']"}
                            <a href="{:url('Goods/goodsInfo',array('id'=>$prow['id']))}">
                                <div class="product-wrapper">
                                    <div class="product clearfix">
                                       {if condition="$theme_row['templateId'] eq 'tpl_1' "}
                                            <img src="{$prow.thumb.url}" class="prod-img" alt="{$prow.name}">
                                            <div class="prod-name"><span>{$prow.name}</span></div>
                                            {if condition="$prow['vip_price'] gt 0"}
                                            	<div class="prod-parprice"><span>￥{$prow.sale_price}</span></div>
                                                <div class="prod-saleprice"><span>VIP￥{$prow.vip_price}</span></div>
                                            {else/}
                                            	<div class="prod-parprice"><span>￥{$prow.par_price}</span></div>
                                                <div class="prod-saleprice"><span>￥{$prow.sale_price}</span></div>
                                            {/if}
                                            
                                            {if condition="$theme_row['showSaleNum']=='yes' "}
                                                <div class="prod-sale" ><span>已售{$prow.sale_count}件</span></div>
                                            {/if}
                                      {elseif condition="$theme_row['templateId'] eq 'tpl_2' "/}   
                                        	<img src="{$prow.thumb.url}" class="prod-img" alt="{$prow.name}">
                                            <div class="prod-name"><span>{$prow.name}</span></div>
                                            
                                            <div class="prod-parprice">
                                            	<span>￥{$prow.par_price}</span>
                                            	 {if condition="$theme_row['showSaleNum']=='yes' "}
                                                    <span class="fr">已售{$prow.sale_count}件</span>
                                                {/if}
                                            </div>
                                            <div class="prod-saleprice">
                                            	<span>￥{$prow.sale_price}</span>
                                           		{if condition="$prow['vip_price'] gt 0"}
                                                 <span class="fr">VIP￥{$prow['vip_price']}</span>
                                                {/if}
                                            </div>
                                      {elseif condition="$theme_row['templateId'] eq 'tpl_3' "/}    
                                           <img src="{$prow.thumb.url}" class="prod-img" alt="{$prow.name}">
                                            <div class="prod-name"><span>{$prow.name}</span></div>                                            
                                            <div class="prod-parprice">
                                            	<span>￥{$prow.par_price}</span>                                            	
                                            </div>
                                            {if condition="$prow['vip_price'] gt 0"}
                                                <div class="prod-saleprice"><span class="fr">VIP￥{$prow['vip_price']}</span></div>
                                            {/if}
                                            <div class="prod-saleprice">
                                            	<span>￥{$prow.sale_price}</span>                                           		
                                            </div>
                                            {if condition="$theme_row['showSaleNum']=='yes' "}
                                                <div class="prod-sale" ><span>已售{$prow.sale_count}件</span></div>
                                            {/if}
                                      {elseif condition="$theme_row['templateId'] eq 'tpl_4' "/}    
                                       	<img src="{$prow.thumb.url}" class="prod-img" alt="{$prow.name}">
                                            <div class="prod-name"><span>{$prow.name}</span></div>   
                                            <div class="prod-saleprice">
                                            	<span>{$prow['vip_price']>0?'VIP￥'.$prow['vip_price']:'￥'.$prow['sale_price']}</span>
                                            </div>
                                            
                                      {/if}  
                                    </div>
                                </div>
                            </a>
                          {if condition="$theme_row['templateId'] neq 'tpl_4' "}
                            {eq name="mod" value="1"}<div class="clearfix"></div>{/eq}
                          {/if}
                        {/if}
                    {/volist}                           
             </div>
           {/volist}
        </div>
</div>

